<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/teacherCommon.js"></script>
    <script type="text/javascript" src="../js/teacherColumnManage.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../css/teacherCommon.css" />
<title>老师栏目管理</title>
</head>
<body>
<div id="top"></div>

<div class="container-fluid">
<ol class="breadcrumb">
		<li>当前位置：</li>
		<li><a href="#">首页</a></li>
		<li><a href="#">栏目管理</a></li>
	</ol>
	<div id="alertdiv"class="alert alert-success alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<p id="showInfo"></p>
</div>

	<div style="margin:5px 0px;">
<button class="btn btn-primary" data-toggle="modal" data-target="#insertModal"><span class="glyphicon glyphicon-plus"></span>添加</button>
<button class="btn btn-info" id="columnDelete"><span class="glyphicon glyphicon-remove"></span>删除</button>
</div>
<table class="table table-bordered table-hover">
<tr>
<th>选择</th>
<th>编号</th>
<th>栏目名称 </th>
<th>栏目别名 </th>
<th>栏目类型</th>
<th>栏目性质 </th> 
<th>排序 </th>
<th>时间</th>
<th>是否显示 </th> 
<th>操作</th> 	 				 			
<tr>
<tbody id="columnInfo">

</tbody>
</table>
</div>
<div id="footer"></div>
<!--添加模态框  -->
	<div class="modal fade" id="insertModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">添加栏目</h4>
				</div>
				<div class="modal-body">
					<p>
						<label>栏目名称：</label><input id="columnName" type="text" style="width: 200px; height: 30px;"
							>
							<span id="judColName" style="color:red;"></span>
					</p>
					<p>
						<label>栏目别称：</label><input id="columnResume" type="text" style="width: 200px; height: 30px;">
	<span id="judName" style="color:red;"></span>
	<br>
				<span>栏目性质为站外栏目，则栏目别名请输入链接地址,网址必须以https或http或ftp或rtsp或mms开头</span>
					</p>
					<p>
						<label>栏目性质：</label><select style="width: auto; height: 30px;" id="columnProperty">
							<option value="0">站内栏目</option>
							<option value="1">站外栏目</option>
						</select>
					</p>
					<p>
						<label>栏目类型：</label><select style="width: auto; height: 30px;" id="columnType">
							<option value="0">信息简介类</option>
							<option value="1">新闻资讯类</option>
						</select>
					</p>
					<p>
					<label>是否显示：</label><input type="radio" name="column" value="1" checked="checked">是 <input
						type="radio" name="column" value="2">否
					</p>
					<p>
						<label>排 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;序：</label><input type="text" style="width:200px; height: 30px;" id="columnSort" value="0">
	<br>
	<span>"0"表示以添加的顺序显示,从1开始，数字越小，优先级越高</span>
					</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="add">添加</button>
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>

				</div>
			</div>
		</div>
	</div>
	<!--修改模态框  -->
	<div class="modal fade" id="updateModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改栏目</h4>
				</div>
				<div class="modal-body">
					<p>
						<label>栏目名称：</label><input type="text" style="width: 200px; height: 30px;"
							id="upColumnName">
							<span style="color:red;" id="upColumn"></span>
					</p>
					<p>
						<label>栏目别称：</label><input type="text" style="width: 200px; height: 30px;" id="upColumResume">
	<span id="urlError" style="color:red;"></span>
	<br>
				<span>栏目性质为站外栏目，则栏目别名请输入链接地址,网址必须以https或http或ftp或rtsp或mms开头</span>
					</p>
					<p>
						<label>栏目性质：</label><select style="width: auto; height: 30px;" id="upColumnProperty">
							<option value="0">站内栏目</option>
							<option value="1">站外栏目</option>
						</select>
					</p>
					<p>
						<label>栏目类型：</label><select style="width: auto; height: 30px;" id="upColumnType">
							<option value="0">信息简介类</option>
							<option value="1">新闻资讯类</option>
						</select>
					</p>
					<p>
					<label>是否显示：</label><input type="radio" name="upColumn" value="1">是 <input
						type="radio" name="upColumn" value="2">否
					</p>
					<p>
						<label>排 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;序：</label><input type="text" style="width:200px; height: 30px;" id="upColumnSort" >
	<br>
	<span><span>"0"表示以添加的顺序显示,从1开始，数字越小，优先级越高</span></span>
					</p>
					<p id="upColumnId"></p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="upColumnInfo">保存</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

				</div>
			</div>
		</div>
	</div>
</body>
</html>